﻿@using FwProject.PrePaymentInfo.Dto
@using X.PagedList
@model ReceivableStatementOutputDto
@{
    ViewBag.Title = "应收对账单";
}
@section styles{
    <link href="~/Theme/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="~/Theme/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <style type="text/css">
        .input-group[class*=col-] {
            padding: 0 15px;
        }
    </style>
}
<div class="row wrapper wrapper-content animated fadeInRight">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>@ViewBag.Title</h5>
                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a class="dropdown-toggle" data-toggle="dropdown" href="buttons.html#">
                        <i class="fa fa-wrench"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li>
                            <a href="javascript:Print()">打印</a>
                        </li>
                        <li>
                            <a href="javascript:Export()">导出</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="ibox-content">
                <div class="row m-b-sm m-t-sm">
                    <form id="form0" class="form-horizontal" asp-controller="FinanceReport" asp-action="ReceivableStatement" data-ajax="true" data-ajax-update="#data_list" data-ajax-method="Get" data-ajax-mode="replace" data-ajax-success="LoadDataSuccessMessage" data-ajax-begin="AjaxBegin">
                        <input type="hidden" id="size" name="size" value="0" />
                        <div class="col-md-4">
                            <label class="control-label col-md-3">配送日期：</label>
                            <div class="col-lg-3 col-md-3">
                                <select id="data_select" class="input-s form-control"></select>
                            </div>
                            <div class="input-daterange input-group" id="datepicker">
                                <input type="text" name="beginTime" id="beginTime" placeholder="起始日期" class="input-sm form-control" autocomplete="off" />
                                <span class="input-group-addon">至</span>
                                <input type="text" name="endTime" id="endTime" placeholder="结束日期" class="input-sm form-control" autocomplete="off" />
                            </div>
                        </div>
                        <div class="col-md-3 col-lg-3">
                            <label class="control-label col-md-3 col-lg-3">餐厅：</label>
                            <div class="input-group">
                                <input type="hidden" id="restaurantIds" name="restaurantIds" value="" />
                                <input type="text" id="restaurantNames" name="restaurantNames" placeholder="请选择餐厅（手动输入无效）" class="input-sm form-control">
                                <div class="input-group-btn">
                                    <button class="btn btn-sm btn-info" type="button" id="selectRestaurant">选择</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <span class="input-group-btn">
                                <button type="submit" class="btn btn-sm btn-primary"> 查询</button>
                            </span>
                        </div>
                    </form>
                </div>
                <div id="data_list">

                </div>
            </div>
        </div>
    </div>
</div>
<div id="model_selectRestaurant" class="modal inmodal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"></div>
@section scripts{
    <script src="~/Theme/js/content.min.js?v=1.0.0"></script>
    <script src="~/Theme/js/plugins/iCheck/icheck.min.js"></script>
    <script src="~/Theme/js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <script src="~/js/DateComm.js"></script>
    <script src="~/js/PrintUtil.js"></script>
    <script type="text/javascript">
          function Print() {
            printGirdObj({
                containerId: 'table_print',//包含表格容器のID
                title: '@ViewBag.Title',
                showRowNum: false,  //表格中rownumbers: true时为true
                showOrder: false,//是否显示序号，rownumbers: true时有效，默认false
                printInit: { //打印初始化设置参数
                    portrait: false //true纵向,false横向
                }
            });
        }
        function Export() {
            var restaurantIds = $('#restaurantIds').val();
            var beginTime = $('#beginTime').val();
            var endTime = $('#endTime').val();
            window.location.href = "/FinanceReport/ExportExcelReceivableStatement?restaurantIds=" + restaurantIds + "&&beginTime=" + beginTime + "&&endTime=" + endTime;
        }

        //layer.msg("test",{time:2000});
        $(document).ready(function () {
            $('#modal_ajax').on('show.bs.modal', function (e) {
                $(this).addClass('loading');
                var $button = $(e.relatedTarget);
                var url = $button.data('url');
                if (!!url) {
                    url = url + ((url.indexOf("?") > -1) ? "&r=" : "?r=") + Math.random();
                    $(this).load(url, function () {
                        $.validator.unobtrusive.parse(this); //$("#form_model_create").validate();
                        $("input[name='Member.Birthday']").datepicker({ todayBtn: "linked", keyboardNavigation: !1, forceParse: !1, calendarWeeks: !0, autoclose: !0 });
                        $(".i-checks").iCheck({ checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green", });
                        $(this).removeClass('loading');
                    });
                }
            });
            $('#modal_ajax').on('hidden.bs.modal', function (e) {
                $(this).empty();
            });

            $('#modal_del,#modal_password_reset').on('show.bs.modal', function (e) {
                var $button = $(e.relatedTarget);
                var url = $button.data('url');
                if (!!url)
                    url = url + ((url.indexOf("?") > -1) ? "&r=" : "?r=") + Math.random();
                $(this).find("form").attr("action", url);
            });
            $('#modal_del,#modal_password_reset').on('hidden.bs.modal', function (e) {
                $(this).find("form").attr("action", "");
            });

            $('#beginTime').datepicker({
                todayBtn: "linked",
                autoclose: true,
                todayHighlight: true

            }).on('changeDate', function (e) {
                var startTime = e.date;
                $('#endTime').datepicker('setStartDate', startTime);
            });
            //结束时间：
            $('#endTime').datepicker({
                todayBtn: "linked",
                autoclose: true,
                todayHighlight: true

            }).on('changeDate', function (e) {
                var endTime = e.date;
                $('#beginTime').datepicker('setEndDate', endTime);
            });
            $("#form0").submit();



            $('#model_selectRestaurant').load("/FinanceReport/SelectRestaurant", function () {
                $(".i-checks").iCheck({ checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green", });
                $('#chkDiv').on('ifChecked', function (event) { //ifCreated 事件应该在插件初始化之前绑定
                    $("#t tbody").find('.i-checks').iCheck('check');
                });
                $('#chkDiv').on(' ifUnchecked', function (event) { //ifCreated 事件应该在插件初始化之前绑定
                    $("#t tbody").find('.i-checks').iCheck('uncheck');
                });
                $("#save").on("click", function () {
                    var t = $("#t tbody").find('input[type="checkbox"]');
                    var ids = [];
                    var names = [];
                    for (var i = 0; i < t.length; i++) {
                        if ($(t[i]).prop('checked')) {
                            ids.push($(t[i]).val());
                            names.push($(t[i]).parent().siblings('input[type="hidden"]').val())
                        }
                    }
                    if (ids.length == 0) {
                        layer.msg('请至少选择一条单据！！', {
                            icon: 2,
                            time: 2000
                        });
                        return false;
                    } else {
                        $('#restaurantIds').val(ids.join('|'));
                        $('#restaurantNames').val(names.join(','));
                        $('#model_selectRestaurant').modal('hide');
                    }
                })
            })
        });


        $('#selectRestaurant').on('click', function () {
            $('#model_selectRestaurant').modal('show');
        });

        //$('#model_selectRestaurant').on('hidden.bs.modal', function (e) {

        //    $(this).empty();
        //});

        new DateContUtil({//【下拉日期】
            selectId: "data_select",//下拉框のID
            startDate: 'beginTime',//开始日期(不填默认search_startDateBase)
            endDate: 'endTime',//结束日期(不填默认search_endDateBase)
            defaultValue: '4',//本月
            selectedFun: function () {//选中后触发の方法
                $(".form-horizontal").submit();
            }
        });

        function LoadDataSuccessMessage() {
            layer.closeAll();
            $(".i-checks").iCheck({ checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green", });
            $('#chkDiv').on('ifChecked', function (event) { //ifCreated 事件应该在插件初始化之前绑定
                $("#t tbody").find('.i-checks').iCheck('check');
            });
            $('#chkDiv').on(' ifUnchecked', function (event) { //ifCreated 事件应该在插件初始化之前绑定
                $("#t tbody").find('.i-checks').iCheck('uncheck');
            });
        }
        $("#data_list").on("change", "#pageSize", function () {
            var size = $("option:selected", this).val();
            var pageurl = $("#pageurl").val();
            $("#data_list").load("/FinanceReport/ReceivableStatement?size=" + size + "&r=" + Math.random() + pageurl, function () {
                layer.closeAll();
                $("#size").val($("option:selected", this).val());
                LoadDataSuccessMessage();
            });
        });
    </script>
}
